<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>


<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<title>登录</title>
	<meta name="keywords" content="登录" />
	<meta name="description" content="登录" /> 

	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	
	<script>
	// 判断是登录账号和密码是否为空
	function check(){
	    var username = $("#username").val();
	    var password = $("#password").val();
	    if(username=="" || password==""){
	    	$("#message").text("账号或密码不能为空！");
	        return false;
	    }  
	    return true;
	}
	</script>
</head>

<body>

	<div class="limiter">
		<div class="container-login100" style="background-image: url('images/02.jpg');">
			<div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
				<form class="login100-form validate-form" action="${pageContext.request.contextPath }/login.action" 
			                       method="post" onsubmit="return check()">
					<span class="login100-form-title p-b-49">登录</span>
				<font color="red" style="margin-left: 70px;"> <%-- 提示信息--%> 
				<span id="message">${msg}</span>
				</font>
					<div class="wrap-input100 validate-input m-b-23" data-validate="请输入手机号或用户名">
						<span class="label-input100">账号</span>
						<input class="input100" type="text" name="username" placeholder="请输入手机号或用户名" autocomplete="off">
						<span class="focus-input100" data-symbol="&#xf206;"></span>
					</div>

					<div class="wrap-input100 validate-input" data-validate="请输入密码">
						<span class="label-input100">密码</span>
						<input class="input100" type="password" name="password" placeholder="请输入密码">
						<span class="focus-input100" data-symbol="&#xf190;"></span>
					</div>

					<div class="text-right p-t-8 p-b-31">
						<a href="javascript:">忘记密码？</a>
					</div>

					<div class="container-login100-form-btn">
						<div class="wrap-login100-form-btn">
							<div class="login100-form-bgbtn"></div>
							<button class="login100-form-btn" type="submit">登 录</button>
						</div>
					</div>

					<div class="flex-col-c p-t-25">
						<a href="${pageContext.request.contextPath }/register.action" class="txt2">注册</a>
					</div>
				</form>
			</div>
		</div>
	</div>

	<script src="vendor/jquery-3.2.1.min.js"></script>
	<script src="js/main.js"></script>
</body>

</html>